﻿@model UA.Framework.Views.MainView

@{
    ViewBag.Title = "系统主页";
}
@section Header {
    <script type="text/javascript">
        $(function () {
            !function () {
                var p = $(".main.panel-body"), opts = p.panel("options"), onLoad = opts.onLoad;
                opts.onLoad = function () {
                    if ($.isFunction(onLoad)) { onLoad.apply(this, arguments); }
                    ua.initForm(this);
                };
            }();
            $(".nav-menu li>a").click(function () {
                var a = $(this), li = a.parent(), array = $(".nav-menu li");
                array.removeClass("selected");
                li.addClass("selected");
                //$(".main.panel-body").panel("refresh", a.attr("href"));
                $("#mainFrame").attr("src", a.attr("href"));
                return false;
            });
        });
    </script>
    <style type="text/css">
        .nav-menu {
            margin: 0; padding: 20px; font-size: 13px;
        }
        .nav-menu li {
            list-style: none; height: 22px; line-height: 22px;
        }
        .nav-menu li:hover, .nav-menu li.selected {
            list-style-type: disc;
        }
        .nav-menu li>a {
            text-decoration: none; color: blue;
        }
        .nav-menu li>a:hover, .nav-menu li.selected>a {
            text-decoration: underline; color: red;
        }
    </style>
}
<div class="easyui-layout" data-options="fit: true">

    <div data-options="region: 'north', title: 'north', split: true" style="height: 100px;">
        <div style="position: relative;">
            <h2 style="padding-left: 20px;">统一身份认证和单点登录系统 - 主应用 - 演示 DEMO</h2>
            <div style="position: absolute; right: 20px; top: 0;">
                @Html.Partial("~/Views/Shared/_LoginPartial.cshtml")
            </div>
        </div>
    </div>

    <div data-options="region: 'west', title: 'west', split: true" style="width: 220px;">
        <ul class="nav-menu">
            @foreach (var power in Model.Powers)
            {
                <li><a href="@power.Url" >@power.Name</a></li>
            }
        </ul>
    </div>

    <div class="main" data-options="region: 'center', title: 'center', split: true" style="overflow: hidden;">
        <iframe id="mainFrame" marginwidth="0" marginheight="0" src="/Home/Welcome"
                width="100%" height="100%" scrolling="auto" frameborder="0"
                style="margin: 0; padding: 0; width: 100%; height: 100%; border: none; overflow: auto;"></iframe>
    </div>

    <div data-options="region: 'east', title: 'east', split: true" style="width: 180px;"></div>

    <div data-options="region: 'south', title: 'south', split: true" style="height: 80px;">
        <h3 class="copyright" style="padding-left: 20px;">2014 &copy;赛宝网络科技.</h3>
    </div>

</div>











